<!DOCTYPE html>
<html>
<head>
		<meta charset="UTF-8">
		<title>个人信息</title>
		<script src="../js/HTML5Shiv.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery-3.1.0.min.js"></script>
		<style>
		.gf-select { float: left;width: 100%;margin-right: 10px;position: relative;}
		.gf-select span {font-size: 12px;padding: 5px 27px 4px 10px;display: block; border: 1px solid #ddd;cursor: pointer;}
		.gf-select span em {font-style: normal;}
		.gf-select .icon-jt { background: url(../img/down-jt.png) center right no-repeat; width: 12px; height: 6px;position: absolute;right: 1px;top: 50%; margin-top: -3px;}
		.gf-select ul {border: 1px solid #ddd; position: absolute; width: 100%; overflow-y :auto; display: none; background: #fff;box-sizing: border-box;font-size: 14px;}
		.gf-select ul li { border-bottom: 1px solid #ddd; line-height: 30px;padding-left: 10px; cursor: pointer;}
		.gf-select ul li:nth-child(odd){ background:#E2E2E2;}
		.gf-select ul li:nth-child(even){ background:#F1F1F1;}
		.gf-select ul li:last-child{ border-bottom: none;}
		select{height: 30px;font-size: 14px;padding-left: 7px; background:#F1F1F1;border-color:#E3E3E3; }/*appearance:none;-moz-appearance:none;-webkit-appearance:none;*/}
		</style>
	</head>
	<body>
		
								<div class="f-input">
									<label ><span>单位所在行业：</span></label> 
									<div class="info-select" style=" background-color: #FFFFFF;">
										<div  style="position: relative;z-index: 3;">
											<div class="industry-demo" style="float: left;">
												<div class="gf-select" id="hy">
													<span><em>请选择</em><i class="icon-jt"><input type="hidden" name="province"value="" id="szhy1"></i></span>
													<ul>
														<li data-value="">请选择</li>
													</ul>
												</div>
												</div>
											<div class="szyh industry-demo2" style="float: left;">
												<div class="gf-select" id="hyw">
													<span><em>请选择</em><i class="icon-jt"><input  type="hidden" name="city" value="" id="szhy2"></i></span>
													<ul>
														<li data-value="">请选择</li>
													</ul>
												</div>
											</div>
										</div>
									</div>
									<!--<div class="tips"><span class="inco-t"><img src="../img/!图像.png"/></span><span class="tips-s">请选择您的单位所在行业，选择其他,需要在下方框输入，否则不需要</span></div>-->		
									<div class="tips">
										<div id="szhyTip" class="onShow">
										请选择单位所在行业,如选择其他，则需要在下方输入
										</div>		
									</div>
								</div>
								<div class="f-input qitahy" style="display: none;">
									<label for="other"><div class="wuxing">
										其他：
									</div></label> 
										<input type="text" id="other" name="other" value="" />
									<div class="tips">
										<div id="otherTip" class="onShow">
										
										</div>		
									</div>		
								</div>
	<script src="../js/hangye.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function () {
        	$('[data-toggle="distpicker"]').distpicker();

        	comSelect();
        	selectCity({
			domSelect : ["#hy","#hyw"],
			domInit : ["请选择","请选择"]
			});
            $(".gf-select ul li:nth-child(odd)").css("background", "#E2E2E2");//下拉条颜色条纹
        	$(".gf-select ul li:nth-child(even)").css("background", "#F1F1F1");
			var bgg="";
			$(".gf-select").on("mouseenter","li",function (){//下拉条变色
				bgg = $(this).css("background-color");
                 $(this).css({ "background-color": "#E2E2E2" });
			});
			$(".gf-select").on("mouseleave","li",function (){
                 $(this).css({ "background-color":bgg });
			});
        });
	
    </script>
    
		
		
	</body>
</html>
